<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
		<link rel='stylesheet' href='css/main2.css' type='text/css'>
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		
	</head>

	<body>
		<div data-role="page"  data-theme="b">
			
			<header data-tap-toggle="false" data-position="fixed" data-role="header" role="banner">
				
				<a href="#menuPanel" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="b" data-inline="true">Bars</a>
				
				<h1 id="centerheader">
					<a href="main">
						<img src="img/aa.png" alt="" />
					</a>
				</h1>
				<h5>${sessionScope.userLoginInfo.name}님 환영합니다.</h5>
				<a href="#rightpanel" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="b" data-inline="true">Grid</a>
				
			</header>
							
			
			
			<section id="menuPanel" data-display="overlay" data-position-fixed="true" data-role="panel"  data-theme="b">
			<div class="ui-panel-inner" ><nav class="main-nav">
				<ul class="menupanel_one">
					<li>
					<a href="main.html" data-lid="home" class="ui-link active">MENU</a>
					</li>
					
					<li>
					<a href="/en/mobile/vehicles/selector.html" data-lid="vehicles" class="ui-link">업무보고</a>
					</li>
						<ul class="menupanel_two">
							<li>
								<a href="" data-lid="mobile_apps" class="ui-link">일일업무</a>
							</li>
							<li>
								<a href="" data-lid="mobile_apps" class="ui-link">주간업무</a>
							</li>
							
						</ul>
					
					<li>
					<a data-lid="vehicles" class="ui-link">회의록작성</a>
					</li>
				
					<li>
					<a href="/en/mobile/mobile_apps/" data-lid="mobile_apps" class="ui-link">거래처관리</a>
					</li>
					
						<ul class="menupanel_two">
							<li>
								<a href="accountlist.html" data-lid="mobile_apps" class="ui-link">거래처검색</a>
							</li>
							<li>
								<a href="accountcreate.html" data-lid="mobile_apps" class="ui-link">거래처등록</a>
							</li>
							
						</ul>
					
				
					
					<li>
						<a href="#leaveSiteAlert" data-lid="owner_site" >사원 위치 보기</a>
					</li>
					
					<li>
						<a href="#leaveSiteAlert" data-lid="owner_site" >이슈게시판</a>
					</li>
						
					<li>
						<a href="#leaveSiteAlert" data-lid="owner_site" >PT</a>
					</li>
					
				</ul>
				</nav></div>
			</section>	
			
			
			
					
			<div data-role="panel" id="rightpanel" data-display="overlay" data-position="right" data-theme="b">
				
				
			</div>
			
			<div data-role="content" class="ui-panel-content-wrap">
			 	<form id='searchfrom' method="get" data-ajax="ture">
					<fieldset>
						<div data-role="fieldcontain">
							<input name="keyword" id="searchinput1" placeholder="" value="" type="search" placeholder="검색어를 입력하세요">
					    	<select id="selectmenu2" name="keywordType">
					        	<option value="accountName">거래처명</option>
					            <option value="companyCode">사업자번호</option>
					        </select>
					        <select id="selectmenu3" name="stateType">
			                <option value="0">
			                    신규
			                </option>
			                <option value="1">
			                    제안중
			                </option>
			                <option value="2">
			                    계약완료
			                </option>
			                <option value="3">
			                    계약종료
			                </option>
			            </select>
				       	</div>
						<button type="submit" data-theme="b" name="submit" class="submit-btn">전송</button>		
					</fieldset>
				</form>
				
				<div id="accountlist" data-role="collapsible-set" data-theme="c" data-content-theme="d" data-inset="false"></div>
				
			</div>
			
			
			
			
			
		
			<script>
			
				$(document).on("swipeleft", function(event, ui){
					$("#rightpanel").panel("open");
				});
				
				$(document).on("swiperight", function(event, ui){
					$("#menuPanel").panel("open");
				});
				

			</script>	
			

</body>
</html>